<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <!-- 重置样式 -->
    <link rel="stylesheet" href="css/base.css">
    <!-- 地图样式 -->
    <link rel="stylesheet" href="css/style1.css">
    <!-- IconFont依赖 -->
    <link rel="stylesheet" href="font/iconfont.css">
    <script src="font/iconfont.js"></script>
    <!-- 天地图 JSApi -->
    <script src="http://api.tianditu.gov.cn/api?v=4.0&tk=ce4015172b497ae33454e42071c543a5" type="text/javascript"></script>
    <!-- Vue -->
    <script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script>
    
    <!-- Loading组件 -->
    <link rel="stylesheet" href="./components/Loading.css">
    <script src="./components/Loading.js"></script>
    
    
    <!-- uni 的 SDK -->
    <script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js"></script>
    <script>
        document.addEventListener('UniAppJSBridgeReady', function() {
        
        });
    </script>
</head>
<body style="background: red;">
    <div id="VWrap">

        <div class="cover-wrap" ref="cover">
            <div class="cover-text-distanct">
                距离500m
                <span class="cover-arrow"></span>
            </div>
            <img src="./images/food.png" alt="">
        </div>

        <!-- <the-loading v-show="showLoading"> </the-loading> -->
        
        <!-- 返回图标 -->
        <span
            :style="{top: backIconTop}"
            @click="backTapHandle" 
            class="back iconfont">
        &#xe618;
        </span>
        <!-- 地图渲染区域 -->
        <div id="mapDiv" ></div>
    </div>

</body>
<script src="./js/v.js"></script>
</html>